@charset "UTF-8";

//-----------------------------------------------------	
// variables scss
//-----------------------------------------------------	

// Colors
// -------------------------------

$stable:                            #f8f8f8 !default;
$positive:                          #387ef5 !default;
$calm:                              #11c1f3 !default;
$balanced:                          #33cd5f !default;
$energized:                         #ffc900 !default;
$assertive:                         #ef473a !default;
$royal:                             #886aea !default;

$primary:                           #ff920c !default;
$success:                           #5cb85c !default;
$info:                              #5bc0de !default;
$warning:                           #f0ad4e !default;
$danger:                            #d9534f !default;

$yellow:                            #ffb848;
$purple:                            #8e44ad;
$blue:                              #4b8df8;
$green:                             #35aa47;
$red:                               #d84a38;

$main-color:                        #FF920C;

//不引bt时用
//$primary:                           #34495e !default;
//$success:                           #85d6de   !default;
//$info:                              #5aadf0 !default;
//$warning:                           #EFB73E !default;
//$warnings:                          #fed37f !default;
//$danger:                            #DF382C !default;
//$dangere:                           #ed5258 !default;
//$dangers:                           #fe8f8c !default;
//$default:                           #c6c6c6;
//$dark-primary:                      darken($primary,10%);

//$me-info:                           #31708f;
//$me-danger:                         #a94442;
//$me-warning:                        #8a6d3b;
//$me-success:                        #3c763d;
//
//$highlight-primary:                 #428bca;
//$highlight-info:                    #89c4f4;
//$highlight-danger:                  #f3565d;
//$highlight-warning:                 #ecbc29;
//$highlight-success:                 #45b6af;
//
//$blue-ebonyclay:                    #22313f;
//$blue-chambray:                     #2c3e50;
//$blue-steel:                        #4b77be;
//$blue-madison:                      #578ebe;
//$blue-hoki:                         #67809f;

$red-pink:                          #e08283;
$red-sunglo:                        #e26a6a;
$red-intense:                       #e35b5a;
$red-thunderbird:                   #d91e18;
$red-flamingo:                      #ef4836;

$green-meadow:                      #1bbc9b;
$green-seagreen:                    #1ba39c;
$green-turquoise:                   #36d7b7;
$green-haze:                        #44b6ae;
$green-jungle:                      #26c281;
$green-sharp:                       #4db3a2;

//== bootstrap
$gray-base:                         #000 !default;
$gray-darker:                       lighten($gray-base, 13.5%) !default; // #222
$gray-dark:                         lighten($gray-base, 20%) !default;   // #333
$gray:                              lighten($gray-base, 33.5%) !default; // #555
$gray-light:                        lighten($gray-base, 46.7%) !default; // #777
$gray-lighter:                      lighten($gray-base, 93.5%) !default; // #eee

$light:                             #fff;
$dark:                              $gray-base !default;

$gray5:                             #555555;
$gray-lighta:                       #aaa !default;
$gray-lightb:                       #bbb !default;
$gray-lightc:                       #ccc !default;
$gray-lightd:                       #ddd !default;

$gray-lights:                       #dfe6e7;

$gray-lightc1:                      #f3f7f7 !default;
$gray-lightc2:                      lighten($gray-light,20%) !default;
$gray-lightc3:                      lighten($gray-light,40%) !default;

//== bootstrap
$brand-primary:                     $primary !default;
$brand-success:                     $success   !default;
$brand-info:                        $info !default;
$brand-warning:                     $warning !default;
$brand-danger:                      $danger !default;

$primary-color:                     $primary;
$primary-background:                $primary;
$secondary-color:                   $success;
$secondary-background:              $success;

$font-color:                        $light !default;
$primary-aux:                       $success;
$secondary-background:              $success;
$toast-base-color:                  #030303;
$note-border-color:                 #e5e5e5;

// 全局
//-----------------------------------------------------
//$page-bg:                          #F8F8F8;
$page-bg:                          #f1f1f1;
$page-color:                        $dark;

//link
$link-color:                        $primary !default;
$link-hover-color:                  darken($link-color, 15%) !default;
$link-hover-decoration:             underline !default;

//Fonts
$font:                              'Varela Round', sans-serif;
$regular-font:                      'Open Sans', sans-serif;
$brand-font:                        $font;

//devider-space
$devider-space:                     10px;

//组件
//ICON
$icon-size-big:                     60px;
$icon-size-big-fs:                  $icon-size-big * 0.4;
$icon-size:                         40px;
$icon-size-fs:                      $icon-size * 0.4;
$icon-size-small:                   30px;
$icon-size-small-fs:                $icon-size-small * 0.4;
$icon-size-list:                    25px;
$icon-size-list-fs:                 $icon-size-list *0.4;

//block
$block-bg:                          $light;
$block-border:                      $gray-lighter;
$block-group-padding:               15px;
$block-border:                      1px solid $block-border;

$icon-stable:                       $gray-light;
$icon-positive:                     $positive;
$icon-calm:                         $calm;
$icon-balanced:                     $balanced;
$icon-energized:                    $energized;
$icon-assertive:                    $assertive;
$icon-royal:                        $royal;
$icon-color:                        $light;

$color-arrow-right:                 #999;

// 页面
//----------------------------------------------------

$font-size-base:                14px;
$page-line-height:              1.46em;

// index
// -------------------------------
$nav-list-fs:                   12px;

// account
// -------------------------------
$account-header-bg:             $info;
$account-header-c:              $light;
$limint-num-fs:                 50px;

// user
// -------------------------------
$img-user-size-l:               80px;
$img-user-size-m:               60px;
$img-user-size-s:               40px;
$img-user-size-xs:              20px;

$user-info-h:                   100px;


//page primary
$page-primary-header-bg:        $primary;
$page-primary-header-c:         $light;

$base-divider:                  20px;
$base-boder-color:              #ddd;

$user-h:                        80px;
$borrow-h:                      200px;

$user-header-img-size:          60px;
$borrow-header-img-size:        60px;

//bar
$bar-title-font-size:              $font-size-base;
$button-primary-bg:                $primary !default;
$button-primary-c:                 $light !default;
$button-primary-border:            darken($primary,5%) !default;
$button-primary-active-bg:         darken($primary,10%) !default;
$button-primary-active-border:     darken($primary,15%) !default;

$bar-transparency:                 1 !default;

$bar-primary-bg:                   rgba($button-primary-bg, $bar-transparency) !default;
$bar-primary-c:                    $button-primary-c !default;
$bar-primary-border:               $button-primary-border !default;
$bar-primary-active-bg:            $button-primary-active-bg !default;
$bar-primary-active-border:        $button-primary-active-border !default;

//block
$block-bg:                         $light;
$block-border:                     1px solid #dddddd;

$block-group-padding:              15px;

$grids-2:                          50%;
$grids-3:                          33.33%;
$grids-4:                          25%;
$grids-5:                          20%;
$grids-padding:                    20px;

// list
// -------------------------------
$list-normal-icon-fs:               25px;
$list-normal-icon-c:                $gray-light;

$list-grid-icon-fs:                 24px;
$list-grid-fs:                      12px;






